		*{
			box-sizing: border-box;
		}
		div{
			/* border: 1PX SOLID red; */
		}

		.ONE{
			height: 100PX;
            width: 1300px;
            margin-left: 350px;
		}
		.ONE-LEFT{
			width: 200PX;
			height: 50PX;
			float: left;
			margin-top: 25PX;
			margin-left: 50PX;
		}
		.ONE-RIGHT{
			width: 200PX;
			height: 50PX;
			float: RIGHT;
			margin-top: 25PX;
			margin-right: 100PX;
		}
		.ONE-RIGHT-ONE{
			float: right;
			color: darkgray;
			
		}
		.ONE-RIGHT-TWO{
			float: right;
			
		}
		.TWO{
			clear: both;
			height: 50PX;
			background-color: orange;
		}
		.TWO-LEFT{
			width: 1000PX;
			height: 30PX;
			float: left;
			margin-left: 75PX;
			margin-top: 10PX;
		}
		#A-2-LEFT-1{
			float: left;
			font-size: 20PX;
			font-family: 楷体;
			color: white;
		}
		.TWO-RIGHT{
			width: 600PX;
			height: 30PX;
			float: RIGHT;
			margin-top: 10PX;
			margin-right: 100PX;
		}
		#A-2-RIGHT-1{
			height: 30PX;
			float: right;
		}
		.THREE{
			clear: both;
			height: 50PX;
			background-color: antiquewhite;
		}
		.THREE-LEFT{
			width: 500PX;
			height: 30PX;
			float: left;
			margin: 10PX;
			margin-left: 75PX;
			position: relative;
		}
		#A-3-left-1,#A-3-left-2,#A-3-left-3,#A-3-left-4{
			height: 30px;
			float: left;
		}
		#A-3-left-2{
			margin-left:30px ;
		}
		#A-3-left-4{
			clear: both;
			width: 200px;
			font-size: 20px;
			margin-left: 540px;
			position: absolute;
		}
		.THREE-RIGHT{
			width: 50PX;
			height: 30PX;
			float: RIGHT;
		}
		
		
		
		.FOUR{
			clear: both;
			height: 800PX;
			
		}
		.FOUR_LEFT{
			width: 60%;
			height: 100%;
			float: left;
			position: relative;
			margin-left: 75PX;
			
		}
		.FOUR_LEFT-HEAD{
			height: 50PX;
			width: 100%;
			margin-top:10px ;
			float: left;
			
		}
		#FOUR_LEFT-HEAD-1{
			float: left;
			font-size: 2.5rem;
			color: #FFA500;
		}
		#FOUR_LEFT-HEAD-2{
			float: left;
			color: #A9A9A9;
			margin-top: 1.875rem;
		}
		#FOUR_LEFT-HEAD-3{
			float: right;
			font-size: 2.5rem;
			color: #FFA500;
		}
		.FOUR_LEFT-BODY{
			position: relative;
			clear: both;
		}
		.FOUR_LEFT-BODY-1{
			clear: both;
			top: 0.625rem;
			margin-top:10PX ;
			height: 33.3%;
			
			color: #ADFF2F;
			position: absolute;
			
		}
		.FOUR_LEFT-BODY-1-1,.FOUR_LEFT-BODY-1-2,.FOUR_LEFT-BODY-1-3,.FOUR_LEFT-BODY-1-4{
			float: left;
			left: 50px;
			right: 3.125rem;
			margin-right:100px ;
			margin-left: 100px;
		}
		.FOUR_LEFT-BODY-1-2{
			float: right;
			left: 1.875rem;
		}
		.FOUR_LEFT-BODY-2{
			float: left;
			height: 33.3%;
			position: absolute;
		}
		
		.FOUR_LEFT-BODY-3{
			float: left;
			height: 33.3%;
			position: absolute;
		}
		.FOUR-RIGHT{
			width: 30%;
			height: 90%;
			float: left;
		}
		.FOUR-RIGHT-head{
			border: 1px solid gainsboro;
			height: 50px;
			font-size: 30px;
		}
		.FOUR-RIGHT-body{
			border: 1px solid gainsboro;
			height: 90%;
			position: relative;
		}
		.FOUR-RIGHT-body-1{
			border: 1px solid gainsboro;
			top: 0.3125rem;
			height: 20%;
			position: absolute;
		}
		.FOUR-RIGHT-body-1-1{
			border: 1px solid gainsboro;
			height: 20px;
			margin-left:10px ;
			align: left;
		}
		.FOUR-RIGHT-body-1-2{
			border: 1px solid gainsboro;
			height: 30px;
			margin-left:20px ;
			border-image-width: 30px;
			align: right;
		}
		.FOUR-RIGHT-body-2{
			border: 1px solid gainsboro;
			top: 20%;
			height: 20%;
			position: absolute;
		}
		.FOUR-RIGHT-body-3{
			border: 1px solid gainsboro;
			top: 40%;
			height: 20%;
			position: absolute;
		}
		.FOUR-RIGHT-body-4{
			border: 1px solid gainsboro;
			top: 60%;
			height: 20%;
			position: absolute;
		}
		.FOUR-RIGHT-body-5{
			border: 1px solid gainsboro;
			top: 80%;
			height: 20%;
			position: absolute;
		}
		.FIVE{
			clear: both;
			height: 50PX;
			position: relative;
		}
		.FIVE-HEAD{
			position: absolute;
			float: left;
			width: 100%;
		}
		/* .FIVE-HEAD-1,.FIVE-HEAD-2,.FIVE-HEAD-3,.FIVE-HEAD-4,.FIVE-HEAD-5{
			float: left;
			text-align: center;
			font-size: 10PX;
			color: black;
		} */
		font{
			font-size: 20PX;
			color: #A9A9A9;
			font-style: inherit;
		}
		.FIVE-HEAD-A,.FIVE-HEAD-B,.FIVE-HEAD-C,.FIVE-HEAD-D,.FIVE-HEAD-E{
			left: 15%;
			float: left;
			margin-left:8% ;
		}
		.loginfour{
			position: relative;
			clear: both;
		}
		.loginfour-1{
			text-align: center;
			position: absolute;
			width: 100%;
			top: 30px;
		}
		.loginfour-2{
			position: absolute;
			width: 100%;
			top: 80px;
			text-align: center;
		}
		.logintwo{
			border-top: 30PX solid gainsboro;
			height: 70PX;
			margin-top:20PX ;
			margin-left:75PX ;
			margin-right:100PX ;
			margin-bottom: 10px;
			box-sizing: border-box;
		}
		.logintwo-1{
			font-size: 25px;
			margin-top: 9px;
		}
		.logintwo-2{
			color: lightgray;
		}